

<div class="sys-title"><h2>设备拓扑图</h2></div>

<div class="sys-content" style="height: 100%">
    <div class="panel">
        <div class="panel-head">
            <div class="panel-title">
                <h3>设备列表</h3>
                <!--<label>探针设备 <em>13/15</em></label><label class="label">脱敏设备 <em>2/3</em></label><label>运维设备 <em>3/3</em></label>-->
            </div>

            <!--<div class="btnbar dropdown">
                <button class="btn btn-minor">批量操作</button>
                <ul class="dropdown-menu">
                    <li><i class="icon-reboot"></i><span>重启</span></li>
                    <li><i class="icon-shutdown"></i><span>关机</span></li>
                    <li><i class="icon-delete"></i><span>删除</span></li>
                </ul>
            </div>-->

            <div class="filter">
               <!-- <select id="deviceState"><option value="-1">设备状态</option><option value="0">离线</option><option value="1">故障</option><option value="2">正常</option></select>
                <div class="fm-group"><select id="deviceName"><option>设备名称</option><option>设备编号</option><option>设备位置</option><option>管理员</option></select>
                    <input type="text" id="deviceText" placeholder="请输入关键词查询">
                </div>
                <button class="btn" id="topoSearch">检索</button>-->
            </div>

        </div>
        <div class="panel-body">

            <div class="lv1">
                <i class="icon-cabinet"></i><span>监管平台</span></li>
            </div>

            <div class="lv2">
                <div class="lv21 scrollbar">
                    <ul id="probe">
                    </ul>
                </div>
                <div class="lv22 scrollbar">
                    <ul id="desensitization">

                    </ul>
                </div>
                <div class="lv23 scrollbar">
                    <ul id="ops">

                    </ul>
                </div>
            </div>

            <div class="rightmenu">
                <ul>
                    <li><i class="icon-infomation"></i><span>设备信息</span></li>
                    <li><i class="icon-txt"></i><span>设备日志</span></li>
                    <li><i class="icon-setting"></i><span>配置</span></li>
                    <li><i class="icon-delete"></i><span>删除设备</span></li>
                </ul>
            </div>

        </div>
    </div>
</div>


<!--dialog end-->


<div class="dialog dialog-xs" id="delete">
    <div class="dialog-win">
        <div class="dialog-head"><span>删除确认</span><a class="close" href="javascript:void(0);"><i class="icon-close"></i></a></div>
        <div class="dialog-body">
            <div class="msg fc-danger">删除后不可恢复，确定要删除吗？</div>
        </div>
        <div class="dialog-foot"><button class="btn" id="delS">确认</button><button id="cancel" class="btn btn-minor">取消</button></div>
    </div>
</div>


<div class="dialog dialog-lg" id="cl" style="z-index: 99995">
    <div class="dialog-win" id="dialogB"  style="position:absolute;">
        <div class="dialog-head" id="dialogT"><span id="clName"></span><a class="close" href="javascript:void(0);"><i class="icon-close"></i></a></div>
        <div class="dialog-body"  style="padding:0;">
            <div class="dialog-left" style="height:560px;">
                <ul id="cList">

                </ul>
            </div>
            <div class="dialog-right">
                <div class="scrollbar" style="width:100%;height:550px; padding:10px;">
                    <iframe id="ifm" name="ifm" class="" src="" style="width:900px;border:none;min-height:520px;"></iframe>
                </div>
            </div>
        </div>
    </div>
</div>


<div class="dialog" id="info">
    <div class="dialog-win">
        <div class="dialog-head"><span id="topInfoName"></span><a class="close" href="javascript:void(0);"><i class="icon-close"></i></a></div>
        <div class="dialog-body">
            <ul class="inline-list">

            </ul>
            <div class="row">
                <div class="col-6"><div id="chart1" style="height:200px;"></div></div>
                <div class="col-6"><div id="chart2" style="height:200px;"></div></div>
                <div class="col-6"><div id="chart3" style="height:200px;"></div></div>
                <div class="col-6"><div id="chart4" style="height:200px;"></div></div>
            </div>

        </div>
    </div>
</div>


<script src="./scripts/app/safe/homePage/topologyMap.js"></script>




